.Docs

SVG Icons

Introduction

We used this plugin for the SVG Icons SVG Inject. We strongly recommend you to understand the use of this plugin, for the Javascript code, we add them here js/theme.js.

Sizes

<img src="./assets/icons/heart.svg" class="svg-inject text-primary is-100" alt="" />
<img src="./assets/icons/heart.svg" class="svg-inject text-primary is-80" alt="" />
<img src="./assets/icons/heart.svg" class="svg-inject text-primary is-20" alt="" />
<img src="./assets/icons/heart.svg" class="svg-inject text-primary is-16" alt="" />
<img src="./assets/icons/heart.svg" class="svg-inject text-primary is-14" alt="" />

Icons

angles-left
angles-right
bars
calendar
check-circle
check-circle-stroke
check-circle-stroke-full
chevron-down
circle-chevron-left
circle-chevron-right
cloud-arrow-up
compas
ellipsis
envelope-stroke
facebook-f
file
filter
heart
instagram
linkedin
long-arrow-left
long-arrow-right
mark
mark-stroke
phone-stroke
play-stroke
sack-dollar
star
twitter
user
x
youtube

javascript

For the Javascript code, we add them here js/theme.js. 

SVGInject.setOptions({
    onFail: function(img, svg) {
        img.classList.remove('svg-inject');
    }
});

document.addEventListener('DOMContentLoaded', function() {
    SVGInject(document.querySelectorAll('img.svg-inject'), {
        onAllFinish: function() {}
    });
})